<template>
	<view style="display: flex;flex-direction: row;height: 100vh;background-color: #eaeaea;">
		<div style="width: 100%;height: 60rpx; background-color: #ffffff;display: flex;
		flex-direction: row;justify-content: space-around;">
			<div v-for="(item,index) in wod" :key="index">
				<div @click="hh(index,item)" :class='{abc : index==fuk}' style="height: 50rpx;width: 100rpx;text-align: center;">
					{{item.quandan}}
					</div>
			</div>
		</div>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				fuk:0,
				
				wod:[
					{id:0,quandan:'全部'},
					{id:1,quandan:'待付款'},
					{id:2,quandan:'待收货'},
					{id:3,quandan:'待评价'}
				],
			}
		},
		methods: {
			hh(index,item){
				this.fuk=index
				
			}
		}
	}
</script>

<style>
	.abc{
		border-bottom: 5rpx solid ;
		color: #ffaa00;
	}
</style>